<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <!-- 针对移动端优化的视口设置 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 网页标题（会动态注入为 package.json 中的 name） -->
    <title>Vue3 Vite Project</title>
  </head>
  <body>
    <!-- Vue 应用的挂载点 -->
    <div id="app"></div>
    <!-- Vite 的入口脚本（必须使用 type="module"） -->
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
<style>
  body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
  }
</style>
